@import '../../../var.scss';
.section {
  width: 100%;
  padding: 0 0 0 30rpx;
  border-top: 1rpx solid $border-color;
  .list {
    width: 690rpx;
    height: 100rpx;
    color: $info-color;
    font-size: 24rpx;
    line-height: 100rpx;
  }
  .lines {
    width: 690rpx;
    border-top: 1rpx solid $border-color;
  }
  .box {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    .item {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 210rpx;
      height: 60rpx;
      margin: 0 30rpx 30rpx 0;
      color: $info-color;
      font-size: 28rpx;
      border: 1px solid rgba(230, 230, 230, 1);
      border-radius: 12rpx;
    }
    .active {
      color: $title-color;
    }
  }
}
.footer {
  .publish {
    width: 690rpx;
    height: 80rpx;
    margin: 40rpx 30rpx;
    color: $text-color;
    font-size: 30rpx;
    background-color: $disabled-color;
    border-radius: 40rpx;
  }
  .canPublish {
    color: $title-color;
    background-color: $primary-color;
  }
}
